<!DOCTYPE html>
<html <?php language_attributes();?>>
    <head>
        <meta charset="<?php bloginfo('charset');?>" http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <link rel="shortcut icon" href="<?php echo esc_url(get_site_url()); ?>/favicon.ico" type="image/x-icon" />
        <meta name="format-detection" content="telephone=no">
        <link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700" rel="stylesheet">
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="<?php bloginfo('template_url');?>/assets/js/html5shiv.min.js"></script>
        <script src="<?php bloginfo('template_url');?>/assets/js/respond.min.js"></script>
        <![endif]-->
        <?php wp_enqueue_script("jquery");?>
        <?php wp_head();?>
    </head>
    <body <?php body_class();?>>
        <div class="site">
            <header id="masthead" class="site-header">
                <nav class="navbar">
                    <div class="container">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a title="<?php bloginfo('name');?>" href="<?php echo get_site_url(); ?>" class="">
                                <img src="<?php echo esc_attr(get_bloginfo('template_url') . "/assets/images/logo.png"); ?>" alt="<?php bloginfo('name');?>" class="logo-img" />
                            </a>
                        </div>
                        <div id="navbar" class="collapse navbar-collapse">
                            <?php
                                $main_menu = array(
                                    'theme_location' => 'primary',
                                    //'menu'            => 'Main Menu',
                                    'echo' => true,
                                    'container' => 'nav',
                                    'container_class' => '',
                                    'container_id' => '',
                                    'menu_class' => 'nav navbar-nav navbar-right',
                                    'menu_id' => '',
                                    'depth' => 3,
                                    'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
                                    'walker' => new wp_bootstrap_navwalker(),
                                );
                                wp_nav_menu($main_menu);
                            ?>
                        </div><!--/.nav-collapse -->
                    </div>
                </nav>
           </header><!-- #masthead -->
            <div class="site-content-contain">
                <div id="content" class="site-content">